
.mdj-link-default {
  font: bold 12px arial, helvetica, sans-serif;
  color: #3366cc;
  text-decoration: none;
}

.mdj-link-disabled {
  color:#888888
}

a:link.mdj-link-default, a:visited.mdj-link-default, a:active.mdj-link-default {
  color: #3366cc;
}

hr  {
  border-top: 1px solid #3366CC;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

/* Headlines Navigation */
/* TODO: where are these tag used in libray? should moved to example?*/
h1  {
  color: #3366CC;
}

h5  {
  font: bold;
  color: #3366CC;
}

/* - Calendar --------------------------------------------------------------- */
td.mdj-calendar-day-selected {
  background-color: #99CCFF;
}

/* - Tree Old ------------------------------------------------------------------- */

a.tree-folder-label:hover, a.tree-item-label:hover  {
  color: #6699ff;
  text-decoration: underline;
}

a.tree-folder-label:focus, a.tree-item-label:focus {
  background: #d6ebff;
  color: #3366cc;
}

.tree-junction {
	width: 19px;
	height: 16px;
}

/* - Tree ------------------------------------------------------------------- */

a.mdj-treeNode-default a:hover {
  color: #6699ff;
  text-decoration: underline;
}

a.mdj-treeNode-default a:focus {
  background: #d6ebff;
  color: #3366cc;
}

/* Progress Control --------------------------------------------------------- */

img.mdj-progress-color1 {
  background-color: #3366cc;
}

img.mdj-progress-color2 {
  background-color: #6699ff;
}


/* - File Upload ------------------------------------------------------------ */

.mdj-file-default  {
  height: 20px;
}


/* page --------------------------------------------------------------------- */
.mdj-page-default  {
  background: #ffffff;
  font: 11px arial, helvetica, sans-serif;
  color: #3366CC;
  margin-bottom: 0px;
  scrollbar-base-color: #3366CC;
  scrollbar-3dlight-color: #3366cc;
  scrollbar-darkshadow-color: #3366CC;
  scrollbar-arrow-color: #3366cc;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #3366CC;
}

/* box ----------------------------------------------------------------- */

.mdj-box-default {
  background: #E6E6E6;
  border: 0px solid #FF9900;
}

.mdj-box-header {
  background: #FFCC66 none;
  height: 20px;
  border: 1px solid #FF9900;
  border-bottom: 0px dotted #FF9900;
  font: bold 12px arial, helvetica, sans-serif;
  color: #3366CC;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mdj-box-content {
  border: 1px solid #FF9900;
  border-top: 0px solid #FF9900;
  background-color: #E6E6E6;
  padding: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* mdj button ------------------------------------------------------------ */
.mdj-button-default  {
  border: 1px #000000 solid;
  background: #e5eefd;
  font: 11px arial, helvetica, sans-serif;
  color: #000000;
  font-weight: 700;
}

/*
.mdj-button-default  {
  border: 1px #FF7D00 solid;
  background: #FFCC66;
  font: 11px arial, helvetica, sans-serif;
  color: #3366CC;
}
*/
.mdj-button-disabled {
  color: gray;
}

/* date ---------------------------------------------------------------------- */

.mdj-date-default  {
  border: 1px #3366CC solid;
  height: 20px;
  font: 12px arial, helvetica, sans-serif;
  color: #3366CC;
}

.mdj-date-readonly  {
  background-color: #e6e6e6;
  color: #3366cc;
}

.mdj-date-disabled  {
  color: #3366cc;
  background-color: #e6e6e6;
}

.mdj-date-error  {
  border: 1px solid #ff0000;
}


/* mdj label ------------------------------------------------------------ */

/*
div.mdj-label-default  {
  background: #99ccff;
}
*/

.mdj-label-default {
  color: #000000;
  background-color: #e8e8e8;
  padding-left: 8px;
  width: 120px;
  font-family: arial, helvetica, sans-serif;
  margin: 2px 0px 0px;
  font-size: 12px;
  font-weight: 700;
}


.mdj-label-td-underline-label {
  background: #99ccff;
  height: 1px;
}

.mdj-label-td-underline-spacer {
  background: #e6e6e6;
}

/* Tab ---------------------------------------------------------------------- */
.mdj-tab-link {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #D6EBFF;
}

div.mdj-tab-selected-outer {
  border-color: #3366CC;
  padding: 0.2ex 0.2em;
  background: #6699FF repeat-x top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.mdj-tab-selected-inner {
  font: bold 12px arial, helvetica, sans-serif;
  color: #3366CC;
}

div.mdj-tab-unselected-outer {
  border-color: #3366CC;
  background: #6699FF repeat-x top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.mdj-tab-unselected-inner {
  font: bold 12px arial, helvetica, sans-serif;
  color: #3366CC;
}

div.mdj-tab-fulfill {
  border-color: #3366CC;
  margin: 1px;
  margin-bottom:0px;
  margin-top:0px;
  margin-left:0px;
}

.mdj-tab-content {
  border: 1px solid #3366CC;
  border-top: 0px solid transparent;
  padding: 14px 10px 12px 13px;
  background: #FFFFFF;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mdj-tab-shadow {
  background: #FFFFFF;
  border: 0px solid #FFFFFF;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a:link.tab, a:visited.tab, a:active.tab {
  font-family: bold 12px arial, helvetica, sans-serif;
  color: #3366CC;
}

/* textArea -------------------------------------------------------------- */

.mdj-textArea-default  {
  font: 12px arial, helvetica, sans-serif;
  color: #3366CC;
  border: 1px solid #3366CC;
}

.mdj-textArea-readonly  {
  background-color: #e6e6e6;
}

.mdj-textArea-disabled  {
  color: #808080;
  background-color: #e6e6e6;
}

.mdj-textArea-error  {
  border: 1px solid #ff0000;
}

/* in ---------------------------------------------------------------------- */

.mdj-in-default  {
  border: 1px #000000 solid;
  font: 12px arial, helvetica, sans-serif;
  color: #000000;
}

.mdj-in-readonly  {
  background-color: #e6e6e6;
  color: #3366cc;
}

.mdj-in-disabled  {
  color: #3366cc;
  background-color: #e6e6e6;
}

.mdj-in-error  {
  border: 1px solid #ff0000;
}

/* Time -------------------------------------------------------------------- */
.mdj-time-default {
  height: 20px;
}

.mdj-time-borderDiv {
  border: 1px solid #3366CC;
}

.mdj-time-input {
  font: 12px arial, helvetica, sans-serif;
  color: #3366CC;
}

.mdj-time-input-selected {
  border: 1px solid #FFFFFF;
  background: #D6EBFF;
}

/* Toolbar ----------------------------------------------------------------- */
.mdj-toolBar-default  {
  height: 20px;
  border: 1px solid #FF9900;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}


.mdj-toolBar-div-inner {
  margin-left: -1px;
  padding: 0px;
}

.mdj-toolBar-button-span {
  font: bold 12px arial, helvetica, sans-serif;
  color: #3366CC;
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  margin: 1px;
  border: 0px solid black;
}

.mdj-toolbar-button-table {
  font: bold 12px arial, helvetica, sans-serif;
  color: #3366CC;
}

.mdj-toolbar-button-table-disabled {
  color: GrayText;
}

.mdj-toolbar-button-table-box-facet-disabled {
  color: GrayText;
}

.mdj-toolBar-button-box-facet-selected-enabled {
  cursor: pointer;
  margin: 0px;
  border-left: 1px solid #808080;
  border-right: 1px solid #FFFFFF;
  background: #FFCC66 url(../image/toolbarButtonBoxFacetSelectEnabled.gif) repeat-x top;
}

.mdj-toolBar-button-enabled {
  cursor: pointer;
}

.mdj-toolBar-button-disabled {
  color: GrayText;
}

/*
  ! css classes mdj-toolBar-button-hover and mdj-toolBar-button-menu-focus
    should have the same content, but needs different names !
*/
.mdj-toolBar-button-hover {
  border: 1px solid #FF9900;
  background: #FAB54D;
  margin: 0px;
}
.mdj-toolBar-button-menu-focus {
  border: 1px solid #FF9900;
  background: #FF9900;
  margin: 0px;
}

.mdj-toolBar-button-image {
 vertical-align: bottom;
 margin-bottom: 0px;
}

.mdj-toolBar-button-label {
  padding-left: 5px;
}

/* Validation ----------------------------------------------------------------- */
.mdj-validation-message {
  color: #ff0000;
  font: 14px arial, helvetica, sans-serif;
}
